<extend name="Base/common"/>
<block name="header">
<div style="height: 60px;"></div>
  <ul class="category-top-fix">
    <li class="l"><a href="javascript:history.go(-1);"><i class="icon icon-arrow-left"></i></a></li>
    <li class="c">
      <form action="{:U('Item/search')}" class="content-padded" method="get">
        <div class="control-group search">
          <i class="icon icon-search"></i>
          <input type="search" name="keyword" placeholder="请输入关键词" />
        </div>
      </form>
    </li>
  </ul>
</block>
<block name="body">
  <div class="category">
    <div class="mui-nav-tab">
      <div class="tab-container" style="display:inline-block">
        <div class="tab-nav" style="display:inline-block">
          <ul style="padding-bottom:120px;">
            <li class="active"><a href="{:U('Item/search')}">全部商品</a></li>
            <volist name="category" id="vo">
              <li><a href="javascript:;" data-cid="{$vo.id}">{$vo['name']}</a></li>
            </volist>
          </ul>
        </div>
        <div class="tab-menu" style="display:inline-block">
          <ul class="tab-ul" style="padding-bottom:120px;">
          <volist name="category" id="value">
            <volist name="value._" id="vo">
              <li data-cid="{$value.id}" class="tab-li <if condition="$cid eq ''">active</if>">
                  <div class="tab-list">
                    <h2><a href="{:U('Item/search',array('cid'=>$vo['id']))}">{$vo['name']}</a></h2>
                    <ul>
                      <volist name="vo._" id="val">
                        <li>
                          <a href="{:U('search',array('cid'=>$val['id']))}">
                          <div class="tab-img">
                          <empty name="val.icon">
                             <img src="__IMG__/img-pai-bg.png">
                          <else />
                             <img src="{:get_cover($val['icon'],'path')}">
                          </empty>
                          </div>
                          <p class="tab-desc">{$val['name']}</p>
                          </a>
                          </li>
                      </volist>
                    </ul>
                  </div>
              </li>
            </volist>
          </volist>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <script>
  seajs.use('module/category',function(category){
	   category.cate_init();
  });
  </script>
</block>
